<template>
	<view class="">
		<view class="imgs" v-for="item in resData.content">
			<image :src="item" mode="widthFix" @click="big_img"></image>
		</view>
		
		
		<page-foot :indexNum="indexNum"></page-foot>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				indexNum: 2,
				options: '',
				resData: []
			}
		},

		/**
		 * 生命周期函数--点击事件集合
		 */
		methods: {
			big_img(){
				uni.navigateTo({
				    url: '/pages/works/bigimages?id='+this.options.id
				});
			},
			get_info(){
				var post_data = {
					id: this.options.id
				}
				this.$http({
					url: 'Api/Work/iteminfo',
					data: post_data,
					hideLoading: true,
					success: res => {
						this.resData = res.data
						
						uni.setNavigationBarTitle({
						    title: res.data.location
						});
					}
				})
			}
		},

		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad(options) {
			this.options = options
			this.get_info()
		},

		/**
		 * 生命周期函数--监听页面初次渲染完成
		 */
		onReady() {

		},

		/**
		 * 页面相关事件处理函数--监听用户下拉动作
		 */
		onPullDownRefresh() {

		},

		/**
		 * 页面上拉触底事件的处理函数
		 */
		onReachBottom() {

		},
	}
</script>

<style scoped>
	image,.imgs {
		margin-bottom: 20rpx;
		padding-bottom: 20rpx;
	}
</style>
